<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index2.css">
    <title>bmbhome主页</title>
</head>

<body>
    <nav class="navbar navbar-default navbar-fixed-top container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="img/1.png" height="30" /></a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav" id="narbar_right">
                <li><a href="#">主页</a></li>
                <li><a href="#">读文章</a></li>
                <li><a href="#">听讲座</a></li>
                <li><a href="#">做测试</a></li>
                <li><a href="#">找医生</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">注册</a></li>
                <li><a href="#">登陆</a></li>
            </ul>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <div class="row left">
                    <div class="col-md-7" id="carousel">
                        <div class="row">
                            <div class="carousel slide" id="myCarousel">
                                <ol class="carousel-indicators">
                                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                    <li data-target="#myCarousel" data-slide-to="1"></li>
                                    <li data-target="#myCarousel" data-slide-to="2"></li>
                                </ol>
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <img src="img/轮滑背景.png" alt="First slide" class=".img-responsive">
                                        <div class="carousel-caption">图片内容</div>
                                    </div>
                                    <div class="item">
                                        <img src="img/轮滑背景.png" alt="Second slide" class=".img-responsive">
                                        <div class="carousel-caption">图片内容</div>
                                    </div>
                                    <div class="item">
                                        <img src="img/轮滑背景.png" alt="Third slide" class=".img-responsive">
                                        <div class="carousel-caption">图片内容</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="week col-sm-12">
                                <h4>一周热点</h4>
                                <ul>
                                    <li><a href="#">手把手教你如何赶走10种负面思维</a></li>
                                    <li><a href="#">技术贴：如何让你的男神手到擒来</a></li>
                                    <li><a href="#">喜欢心理学，请读这7本心理书</a></li>
                                    <li><a href="#">亲密爱人根本给不了你真正的幸福</a></li>
                                    <li><a href="#">亲密关系中，为什么男人总是沉默</a></li>
                                    <li><a href="#">高考10天倒计时</a></li>
                                    <li><a href="#">亲密关系中，为什么男人总是沉默</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 read">
                        <h3>读文章</h3>
                        <hr/>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>

                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>


                        <div class="col-md-12 read_footer">
                            <a href="">查看全部文章</a>
                        </div>
                    </div>

                    <div class="col-md-12 chair">
                        <h3>听讲座</h3>
                        <hr/>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>

                        <div class="col-md-12 read_footer">
                            <a href="">查看全部文章</a>
                        </div>
                    </div>

                    <div class="col-md-12 chair">
                        <h3>做测试</h3>
                        <hr/>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>
                        <div class="col-md-6 read_item">
                            <div class="col-md-4">
                                <img src="img/item_tu.jpg" class="img-responsive" alt="Responsive image" width="100%">
                            </div>
                            <div class="col-md-8">
                                <p>顶住世俗的歧视，勇敢去做心中真正的自己</p>
                            </div>
                        </div>

                        <div class="col-md-12 read_footer">
                            <a href="">查看全部文章</a>
                        </div>
                    </div>


                </div>
            </div>
            <div class="col-md-3">
                <div class="row  right" id="doctor_introduce">
                    <h4>医生预约</h4>
                    <div id="line"></div>
                    <div class="person_doctor">
                        <div class="person">
                            <div class="person_photo">
                                <img src="img/zhou.jpg" style="width:60px; height:60px; border-radius:50%; overflow:hidden;" />
                            </div>
                            <div class="person_message">
                                <small class="person_name"><a href="#">蒋琪</a></small>
                                <small class="person_title">心理咨询师</small>
                                <small class="person_city">济南市</small>
                            </div>
                        </div>
                        <div class="person">
                            <div class="person_photo">
                                <img src="img/lin.jpg" style="width:60px; height:60px; border-radius:50%; overflow:hidden;" />
                            </div>
                            <div class="person_message">
                                <small class="person_name"><a href="#">彭君</a></small>
                                <small class="person_title">暂无头衔</small>
                                <small class="person_city">南宁市</small>
                            </div>
                        </div>
                        <div class="person">
                            <div class="person_photo">
                                <img src="img/huang.jpg" style="width:60px; height:60px; border-radius:50%; overflow:hidden;" />
                            </div>
                            <div class="person_message">
                                <small class="person_name"><a href="#">杨浩波</a></small>
                                <small class="person_title">国家二级心咨师</small>
                                <small class="person_city">长沙市</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div>
                            <h4>微信</h4>
                            <div id="line"></div>
                            <div class="two_code_content">
                                <img src="img/asdczc.png" alt="" height="150" width="150" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid footer">
        <p>苏ICP备16027315号</p>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

</html>
